<!DOCTYPE html>
<!--<html xmlns:th="http://www.thymeleaf.org" lang="en">-->
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <!--适配屏幕大小的-->
    <meta name="viewport" http-equiv="Content-Type" content="width=device-width,initial-scale=1,text/html" charset="UTF-8"/>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css"/>
    <script src="../static/js/jquery-3.3.1.min.js"></script>
    <script src="../static/js/popper.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>

    <title>you know...</title>
    <!--<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>-->
    <style>
        #menu{
            position: fixed;
            top: 20px;
        }
        #menu2{
            position: fixed;
            top: 70px;
        }
        #menu3{
            position: fixed;
            top: 120px;
        }
        #dataPanel{
            position: absolute;
            top: 5px;
            left: 90px;
            width: 950px;
        }
        #latestCreate{
            position: fixed;
            left: 1030px;
            top: 18px;

        }
    </style>
</head>
<body class="jumbotron jumbotron-fluid" data-spy="scroll" data-target="#myScrollspy" data-offset="1">
    <div class="container" id="menu" >
        <a th:href="@{/}"><button class="btn btn-primary" id="back">返回</button></a>
    </div>
    <div class="container" id="menu2" >
        <a th:href="@{/InsertData}"><button class="btn btn-success" id="new">新建</button></a>
    </div>
    <div class="container" id="menu3" >
        <a th:href="@{/uploadDocument}"><button class="btn btn-info" id="upload">上传</button></a>
    </div>
    <div class="container" id="dataPanel">
        <table class="table" >

                    <tr th:each="b : ${map.list}">
                        <td>
                            <div class="card">
                                <div class="card-header bg-warning" style="color: #007bff">
                                    <a th:href="@{/edit(id=${b.id})}"><span th:utext="${b.title}"></span></a>
                                </div>
                                <div class="card-body bg-secondary text-white" th:utext="${b.content}"></div>
                            </div>
                        </td>
                    </tr>

        </table>
    </div>

    <div id="latestCreate">
        <div class="card ">
            <div class="card-header bg-warning " style="color: black;height: 46px;width: 310px">
                <span>最近创建</span>
            </div>
            <div class="card-body bg-secondary " style="height: 560px; width: 310px">
                <span th:each="d : ${map.top20}">
                    <a th:href="@{/edit(id=${d.id})}" style="color: white" th:text="${d.title}"></a><br/>
                </span>
            </div>
        </div>
    </div>



</body>
</html>
